<template>
  <div class="mainForm" style="width: 90%; margin: auto">
    <div style="line-height: 50px; font-size: 30px; color: dodgerblue; margin: 20px auto 0 auto;">数字化经营应用场景等级判定
    </div>
    <div style="background: #eeeeee;padding: 20px;margin-top: 30px">
      <div style="width: 1150px;margin: auto;background: #ffffff;padding: 20px;">
        <div v-if="pageNo =='0'">
          <div style="margin: auto;padding: 20px;">
            数字化基础、管理及成效部分评分： <span style="color: #1e90ff;font-size: 30px"> {{ reportList.score }}</span> 分，建议对标数字化经营应用场景等级为  <span style="color: #1e90ff;font-size: 35px">{{ grade }}</span>
          </div>
          <div style="margin: auto;background: #ffffff;padding: 20px;font-size: 22px">
            <span style="color: #1e90ff">数字化经营应用场景</span>  等级应用规则:
          </div>
          <div class="listTab">
            <div style=" margin: 0px auto;"><div class="tHead"><div class="dj">等级</div> <div class="cj">数字化经营应用场景</div></div> <div class="tBody">
              <div class="i" :style="{ color: activeSegment === 1 ? 'blue' : 'black' }"><div class="dj">一级（初始级）</div> <div class="cj">
                不少于6个应用场景（其中不少于3个约束性场景）等级需达到一级
              </div></div>
              <div class="i" :style="{ color: activeSegment === 2 ? 'blue' : 'black' }"><div class="dj">二级（规范级）</div> <div class="cj">
                不少于6个应用场景（其中不少于3个约束性场景）等级需达到二级
              </div></div>
              <div class="i" :style="{ color: activeSegment === 3 ? 'blue' : 'black' }"><div class="dj">三级（集成级）</div> <div class="cj">
                不少于8个应用场景（其中不少于5个约束性场景）等级需达到三级
              </div></div>
              <div class="i" :style="{ color: activeSegment === 4 ? 'blue' : 'black' }"><div class="dj">四级（协同级）</div> <div class="cj">
                不少于10个应用场景（其中不少于6个约束性场景）等级需达到四级
              </div>
              </div>
            </div>
            </div>
          </div>
          <div style="padding: 20px;font-size: 22px;margin-top: 50px;justify-content: space-between;display: flex">
            <div>第二部分请从以下<span style="color: #1e90ff">16个场景</span>中选择贵单位想要进行评测的应用场景</div><div class="xxBtn"><router-link to="/digitalTast/appLevelTable" target="_blank"><span style="font-size: 18px;color: #1e90ff">查看应用场景详情&gt;</span></router-link></div>
          </div>
          <div class="cjList">
            <div class="cjItems">
              <div class="cjTitle" style="font-weight: 600;">产品生命周期数字化</div>
              <div class="cjZjBox"><div class="name"><span>
                                     产品设计
                                     <b style="color: red; font-size: 20px; margin-top: 5px;">
                                       *</b></span> <input v-model="mainList.constraint01" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div>
                <div class="name"><span>

                                    工艺设计
                                    <b style="color: red; font-size: 20px; margin-top: 5px;" /></span>
                  <input v-model="mainList.guidance02" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
                  营销管理
                  <b style="color: red; font-size: 20px; margin-top: 5px;">
                    *</b></span> <input v-model="mainList.constraint03" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
                  售后服务
                  <b style="color: red; font-size: 20px; margin-top: 5px;" /></span> <input v-model="mainList.guidance04" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div></div></div><div class="cjItems"><div class="cjTitle" style="font-weight: 600;">生产执行数字化</div> <div class="cjZjBox"><div class="name"><span>
              计划排程
              <b style="color: red; font-size: 20px; margin-top: 5px;" /></span> <input v-model="mainList.guidance05" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              生产管控
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint06" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              质量管理
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint07" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              设备管理
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint08" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              安全生产
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint09" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              能耗管理
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint10" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div></div></div><div class="cjItems"><div class="cjTitle" style="font-weight: 600;">供应链数字化</div> <div class="cjZjBox"><div class="name"><span>
              采购管理
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint11" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              仓储物流
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint12" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div></div></div><div class="cjItems"><div class="cjTitle" style="font-weight: 600;">管理决策数字化</div> <div class="cjZjBox"><div class="name"><span>
              财务管理
              <b style="color: red; font-size: 20px; margin-top: 5px;">
                *</b></span> <input v-model="mainList.constraint13" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              人力资源
              <b style="color: red; font-size: 20px; margin-top: 5px;" /></span> <input v-model="mainList.guidance14" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              协同办公
              <b style="color: red; font-size: 20px; margin-top: 5px;" /></span> <input v-model="mainList.guidance15" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity"></div><div class="name"><span>
              决策支持
              <b style="color: red; font-size: 20px; margin-top: 5px;" /></span> <input v-model="mainList.guidance16" type="checkbox" style="margin-top: 10px;" @change="checkFormValidity">
            </div>
            </div>
            </div>
          </div>
          <div class="msgs">
            备注：标*为约束性场景（共计10项），是引导企业深度改造的重点场景；剩余为指导性场景（共计6项）。
          </div>
          <div style="text-align: center"><el-button :disabled="!isButtonEnabled" type="primary" @click="next0to1()">下一步</el-button></div>

        </div>
        <div v-if="pageNo == '1'">
          <div class="conten_sec" style="width: 100%;"><div class="tit_top"><div class="con"> <div class="box"> <div class="ms">请结合贵单位自身数字化转型真实情况进行评估，如对应场景符合下列描述，请选择“是”，如不符合，请选择“否”。</div></div></div></div>
            <div v-if="mainList.constraint01 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;">
              <div class="titie" style="line-height: 1.7;">
                【产品设计】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
                通过设计软件工具（如CAD、CAE、EDA等）辅助开展产品设计。
              </div>
              <div class="xx"><p><input v-model="list1.constraint01" type="radio" value="1">是</p> <p><input v-model="list1.constraint01" type="radio" value="0">否</p></div></div></div></div>
            <div v-if="mainList.guidance02 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【工艺设计】 <span class="js">一级</span>
              应用设计软件工具（如CAM、CAPP等）基于产品设计数据辅助开展工艺设计。
            </div> <div class="xx"><p><input v-model="list1.guidance02" type="radio" name="c4bda1aa-ab08-4adc-9efc-2aa40c585816" value="1">是</p> <p><input v-model="list1.guidance02" type="radio" name="c4bda1aa-ab08-4adc-9efc-2aa40c585816" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint03 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【营销管理】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              借助信息技术工具（如电子表格、云存储等）对销售信息（如销售计划、销售订单、销售运行、客户信息或销售业绩等）进行辅助记录和管理。
            </div> <div class="xx"><p><input v-model="list1.constraint03" type="radio" name="00e69f13-c2b5-477d-a6d8-4555abf5d2af" value="1">是</p> <p><input v-model="list1.constraint03" type="radio" name="00e69f13-c2b5-477d-a6d8-4555abf5d2af" value="0">否</p></div></div></div></div>
            <div v-if="mainList.guidance04 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【售后服务】 <span class="js">一级</span>
              运用信息技术工具（如小程序、APP等）对售后服务流程进行辅助管理。
            </div> <div class="xx"><p><input v-model="list1.guidance04" type="radio" name="f8ec2fea-4b1a-44d7-83c0-6ee68f4fc7d5" value="1">是</p> <p><input v-model="list1.guidance04" type="radio" name="f8ec2fea-4b1a-44d7-83c0-6ee68f4fc7d5" value="0">否</p></div></div></div></div>
            <div v-if="mainList.guidance05 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【计划排程】 <span class="js">一级</span>
              应用信息技术工具（如电子表格、云存储等）辅助人工编制生产计划。
            </div> <div class="xx"><p><input v-model="list1.guidance05" type="radio" name="48dc9964-a1b0-4bea-9a5c-a9453068c215" value="1">是</p> <p><input v-model="list1.guidance05" type="radio" name="48dc9964-a1b0-4bea-9a5c-a9453068c215" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint06 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【生产管控】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              应用信息技术工具（如电子表格、云存储等）辅助人工进行生产工单数据的记录。
            </div> <div class="xx"><p><input v-model="list1.constraint06" type="radio" name="5de045f4-c20c-400e-b2b0-14c714b39bf6" value="1">是</p> <p><input v-model="list1.constraint06" type="radio" name="5de045f4-c20c-400e-b2b0-14c714b39bf6" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint07 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【质量管理】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              应用信息技术工具（如电子表格、云存储等）辅助开展产品质量信息的管理。
            </div> <div class="xx"><p><input v-model="list1.constraint07" type="radio" name="c9ff4b30-0ad7-4a57-853b-cf08fcccb44a" value="1">是</p> <p><input v-model="list1.constraint07" type="radio" name="c9ff4b30-0ad7-4a57-853b-cf08fcccb44a" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint08 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【设备管理】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              通过人工或手持仪器开展设备点巡检，并应用信息技术工具辅助制定设备管理台账。
            </div> <div class="xx"><p><input v-model="list1.constraint08" type="radio" name="5142afe6-c1cc-486d-994b-0f3e9e7cedbe" value="1">是</p> <p><input v-model="list1.constraint08" type="radio" name="5142afe6-c1cc-486d-994b-0f3e9e7cedbe" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint09 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【安全生产】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              应用信息技术工具辅助开展车间安全生产规范的制定及管理。
            </div> <div class="xx"><p><input v-model="list1.constraint09" type="radio" name="b6db7702-1044-4046-b570-8d3af2568dd6" value="1">是</p> <p><input v-model="list1.constraint09" type="radio" name="b6db7702-1044-4046-b570-8d3af2568dd6" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint10 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【能耗管理】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              应用信息技术工具（如电子表格、云存储等）辅助人工进行能耗数据记录。
            </div> <div class="xx"><p><input v-model="list1.constraint10" type="radio" name="842caea8-cc2a-4fd4-9080-a2c6a555c66c" value="1">是</p> <p><input v-model="list1.constraint10" type="radio" name="842caea8-cc2a-4fd4-9080-a2c6a555c66c" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint11 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【采购管理】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              借助信息技术工具（如电子表格、云存储等），辅助记录采购订单信息和采购过程信息。
            </div> <div class="xx"><p><input v-model="list1.constraint11" type="radio" name="30ebf81d-2cdf-4530-a56f-9ec07a5c1e0a" value="1">是</p> <p><input v-model="list1.constraint11" type="radio" name="30ebf81d-2cdf-4530-a56f-9ec07a5c1e0a" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint12 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【仓储物流】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              使用信息技术工具（如电子表格、云存储等）辅助记录出入库信息，实现对库存数据的采集管理。
            </div> <div class="xx"><p><input v-model="list1.constraint12" type="radio" name="a22437eb-48c2-4ba6-baf1-987e680653e6" value="1">是</p> <p><input v-model="list1.constraint12" type="radio" name="a22437eb-48c2-4ba6-baf1-987e680653e6" value="0">否</p></div></div></div></div>
            <div v-if="mainList.constraint13 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【财务管理】<span style="color: red; font-size: 24px;">*</span> <span class="js">一级</span>
              使用信息化系统辅助实现日常财务记录，基本的总账管理和财务报表生成（如资产负债表、利润表、现金流量表）。
            </div> <div class="xx"><p><input v-model="list1.constraint13" type="radio" name="67022b7c-8a4a-4a88-a348-7b122b18244c" value="1">是</p> <p><input v-model="list1.constraint13" type="radio" name="67022b7c-8a4a-4a88-a348-7b122b18244c" value="0">否</p></div></div></div></div>
            <div v-if="mainList.guidance14 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【人力资源】 <span class="js">一级</span>
              采用信息技术工具（如电子表格、云存储等），辅助实现员工、流程的信息记录。
            </div> <div class="xx"><p><input v-model="list1.guidance14" type="radio" name="4a99fe4b-6090-4716-9738-aae5e7f59a39" value="1">是</p> <p><input v-model="list1.guidance14" type="radio" name="4a99fe4b-6090-4716-9738-aae5e7f59a39" value="0">否</p></div></div></div></div>
            <div v-if="mainList.guidance15 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【协同办公】 <span class="js">一级</span>
              应用信息技术工具（如电子邮件或文档共享服务等通讯工具）辅助日常沟通和简单的信息共享文档处理。
            </div> <div class="xx"><p><input v-model="list1.guidance15" type="radio" name="1070a7d9-b4ab-4902-95d1-628e14c4df35" value="1">是</p> <p><input v-model="list1.guidance15" type="radio" name="1070a7d9-b4ab-4902-95d1-628e14c4df35" value="0">否</p></div></div></div></div>
            <div v-if="mainList.guidance16 == true" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【决策支持】 <span class="js">一级</span>
              运用信息技术工具辅助收集企业生产经营过程基本数据，为管理者提供简单的决策建议或方向。
            </div> <div class="xx"><p><input v-model="list1.guidance16" type="radio" name="ca063fd6-4624-4b16-93c5-4dad03cc9ce3" value="1">是</p> <p><input v-model="list1.guidance16" type="radio" name="ca063fd6-4624-4b16-93c5-4dad03cc9ce3" value="0">否</p></div></div></div></div> </div>
          <div style="text-align: center;margin-top: 25px"><el-button type="primary" @click="next1to0()">上一步</el-button><el-button type="primary" @click="next1to2()">下一步</el-button></div>
        </div>
        <div v-if="pageNo == '2'">
          <div class="conten_sec" style="width: 100%;"><div class="tit_top"><div class="con"> <div class="box"><div class="ms">请结合贵单位自身数字化转型真实情况进行评估，如对应场景符合下列描述，请选择“是”，如不符合，请选择“否”。</div></div></div></div>
            <div v-if="list1.constraint01 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【产品设计】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              应用信息化系统开展产品设计，实现产品设计过程或版本的数字化、规范化管理，形成完整的产品设计资料（如方案、图纸、模型、设计BOM、版本、技术变更等）管理标准，并有效执行。
            </div> <div class="xx"><p><input v-model="list2.constraint01" type="radio" name="4d56d414-4cb7-4b4f-aa2a-e2c7c8d79d57" value="1">是</p> <p><input v-model="list2.constraint01" type="radio" name="4d56d414-4cb7-4b4f-aa2a-e2c7c8d79d57" value="0">否</p></div></div></div></div>
            <div v-if="list1.guidance02 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【工艺设计】 <span class="js">二级</span>
              应用信息化系统开展工艺设计，并实现设计过程的数字化、规范化管理，形成完整的工艺设计数据（工艺方案、工艺流程、工艺文件、制造BOM、版本、技术变更等）管理标准，并有效执行。
            </div> <div class="xx"><p><input v-model="list2.guidance02" type="radio" name="a1d2e4c1-5ae1-4e38-90df-e384fc54a250" value="1">是</p> <p><input v-model="list2.guidance02" type="radio" name="a1d2e4c1-5ae1-4e38-90df-e384fc54a250" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint03 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【营销管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              使用信息化系统对营销信息（如销售计划、销售订单、销售运行、客户信息或销售业绩等）进行规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint03" type="radio" name="be40a560-4ee9-485e-b59a-bb497c7115b5" value="1">是</p> <p><input v-model="list2.constraint03" type="radio" name="be40a560-4ee9-485e-b59a-bb497c7115b5" value="0">否</p></div></div></div></div>
            <div v-if="list1.guidance04 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【售后服务】 <span class="js">二级</span>
              运用信息化系统实现售后服务流程的数字化、规范化管理，并与设计、工艺、生产、销售部门进行信息共享。
            </div> <div class="xx"><p><input v-model="list2.guidance04" type="radio" name="27084b15-e0aa-47e5-aa4c-b8edd2bdf71b" value="1">是</p> <p><input v-model="list2.guidance04" type="radio" name="27084b15-e0aa-47e5-aa4c-b8edd2bdf71b" value="0">否</p></div></div></div></div>
            <div v-if="list1.guidance05 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【计划排程】 <span class="js">二级</span>
              应用信息化系统辅助生成生产计划，基于生产计划进行生产准备检查（如物料、设备等），实现规范化管理。
            </div> <div class="xx"><p><input v-model="list2.guidance05" type="radio" name="2d7a2873-a40d-4113-99b7-601a10c46faa" value="1">是</p> <p><input v-model="list2.guidance05" type="radio" name="2d7a2873-a40d-4113-99b7-601a10c46faa" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint06 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【生产管控】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              应用信息化系统实现生产工单信息（如生产工单进度、产量、物料领用/耗用等）录入、跟踪，实现规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint06" type="radio" name="46dcc7ae-5e94-454c-9e52-ba760dd2daba" value="1">是</p> <p><input v-model="list2.constraint06" type="radio" name="46dcc7ae-5e94-454c-9e52-ba760dd2daba" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint07 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【质量管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              实现生产过程质量数据的数字化采集录入、统计与管理，基于信息化系统实现质量管理流程的规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint07" type="radio" name="32a1c8f9-ebad-4b62-9c00-135a2bf1e890" value="1">是</p> <p><input v-model="list2.constraint07" type="radio" name="32a1c8f9-ebad-4b62-9c00-135a2bf1e890" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint08 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【设备管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              通过信息技术手段制定设备维护计划，开展设备点巡检、维护保养等功能，实现设备的规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint08" type="radio" name="4e4f3239-de9f-477a-8828-a5098fb40f8b" value="1">是</p> <p><input v-model="list2.constraint08" type="radio" name="4e4f3239-de9f-477a-8828-a5098fb40f8b" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint09 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【安全生产】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              应用信息技术手段实现安全作业规范化管理，开展安全风险数据、重大危险源等在线监测。
            </div> <div class="xx"><p><input v-model="list2.constraint09" type="radio" name="6ed601f4-3dca-4184-9403-031be8048420" value="1">是</p> <p><input v-model="list2.constraint09" type="radio" name="6ed601f4-3dca-4184-9403-031be8048420" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint10 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【能耗管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              应用信息化系统收集和管理水、电、气、液等能耗数据，实现基于能耗数据的统计分析，实现规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint10" type="radio" name="ed9defe7-462c-41ac-b8c8-641b6d452ca4" value="1">是</p> <p><input v-model="list2.constraint10" type="radio" name="ed9defe7-462c-41ac-b8c8-641b6d452ca4" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint11 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【采购管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              应用信息化系统对采购管理信息（如采购需求、采购订单、采购过程或供应商等）进行规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint11" type="radio" name="eb48e15a-ffb2-4b4a-bec7-eebad0d2883b" value="1">是</p> <p><input v-model="list2.constraint11" type="radio" name="eb48e15a-ffb2-4b4a-bec7-eebad0d2883b" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint12 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【仓储物流】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              使用信息化系统，对物料、成品、半成品、耗材等出入库、库存等数据信息进行统计，实现规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint12" type="radio" name="6a2f664a-350b-4936-85be-704e75eb69df" value="1">是</p> <p><input v-model="list2.constraint12" type="radio" name="6a2f664a-350b-4936-85be-704e75eb69df" value="0">否</p></div></div></div></div>
            <div v-if="list1.constraint13 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【财务管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">二级</span>
              使用信息化系统，实现总账、往来、存货、固定资产、出纳等与财务会计核算的协同，对财务实现规范化管理。
            </div> <div class="xx"><p><input v-model="list2.constraint13" type="radio" name="61fc9d77-8bd2-410e-af76-bac339a4e8ae" value="1">是</p> <p><input v-model="list2.constraint13" type="radio" name="61fc9d77-8bd2-410e-af76-bac339a4e8ae" value="0">否</p></div></div></div></div>
            <div v-if="list1.guidance14 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;">
              <div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
                【人力资源】 <span class="js">二级</span>
                基于信息化系统实现对考勤和薪酬福利等核心流程的规范化管理。
              </div> <div class="xx"><p><input v-model="list2.guidance14" type="radio" name="c6374389-361b-4672-8839-08bd3d05fc99" value="1">是</p> <p><input v-model="list2.guidance14" type="radio" name="c6374389-361b-4672-8839-08bd3d05fc99" value="0">否</p></div></div></div></div>
            <div v-if="list1.guidance15 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【协同办公】 <span class="js">二级</span>
              部署具有更丰富功能的协同平台或办公软件，实现日常业务（如请假、报销、审批、通知、公告或新闻等）流程的数字化。
            </div> <div class="xx"><p><input v-model="list2.guidance15" type="radio" name="86cc5ef0-d773-4db1-b1f2-629029acddc2" value="1">是</p> <p><input v-model="list2.guidance15" type="radio" name="86cc5ef0-d773-4db1-b1f2-629029acddc2" value="0">否</p></div></div></div></div>
            <div v-if="list1.guidance16 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【决策支持】 <span class="js">二级</span>
              运用信息化系统，整合关键业务环节的数据，使用业务关联分析和决策支持工具，提供直观的可视化数据。
            </div> <div class="xx"><p><input v-model="list2.guidance16" type="radio" name="7b677c20-2ac9-4448-95b2-42af9755a28e" value="1">是</p> <p><input v-model="list2.guidance16" type="radio" name="7b677c20-2ac9-4448-95b2-42af9755a28e" value="0">否</p></div></div></div></div></div>
          <div style="text-align: center;margin-top: 25px"><el-button type="primary" @click="next2to1()">上一步</el-button><el-button type="primary" @click="next2to3()">下一步</el-button></div>
        </div>
        <div v-if="pageNo == '3'">
          <div class="conten_sec" style="width: 100%;"><div class="tit_top"><div class="con"><div class="box"><div class="ms">请结合贵单位自身数字化转型真实情况进行评估，如对应场景符合下列描述，请选择“是”，如不符合，请选择“否”。</div></div></div></div>
            <div v-if="list2.constraint01 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【产品设计】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              建立典型产品组件及关键零部件的标准库及典型产品设计知识库，并能在产品设计时进行匹配、引用或参考，实现产品设计与工艺设计的协同，实现数据跨部门共享。
            </div> <div class="xx"><p><input v-model="list3.constraint01" type="radio" name="525da3d8-5b71-4641-9fe0-b3a3c60af547" value="1">是</p> <p><input v-model="list3.constraint01" type="radio" name="525da3d8-5b71-4641-9fe0-b3a3c60af547" value="0">否</p></div></div></div></div>
            <div v-if="list2.guidance02 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【工艺设计】 <span class="js">三级</span>
              建立典型制造工艺流程、参数、资源等关键要素的知识库，并能在新产品工艺设计时进行匹配、引用或参考；实现工艺设计与生产系统间的数据交互、并行协同。
            </div> <div class="xx"><p><input v-model="list3.guidance02" type="radio" name="55ad40fb-9c5b-4d56-9347-b48b9341cf68" value="1">是</p> <p><input v-model="list3.guidance02" type="radio" name="55ad40fb-9c5b-4d56-9347-b48b9341cf68" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint03 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【营销管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              基于销售信息化系统实现对营销信息（如销售计划、销售订单、销售运行、客户信息或销售业绩等）的实时管控，实现销售信息化系统与生产、库存、财务等系统的数字化协同。
            </div> <div class="xx"><p><input v-model="list3.constraint03" type="radio" name="a8877ba8-a7ad-4957-b79b-ae49b95d2faf" value="1">是</p> <p><input v-model="list3.constraint03" type="radio" name="a8877ba8-a7ad-4957-b79b-ae49b95d2faf" value="0">否</p></div></div></div></div>
            <div v-if="list2.guidance04 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【售后服务】 <span class="js">三级</span>
              建立售后问题清单，实现售后问题的快速响应，并能够指导产品设计、工艺优化，实现售后服务与财务、质量等的系统的数字化协同（如供应商索赔、本厂质量考核账务处理等）。
            </div> <div class="xx"><p><input v-model="list3.guidance04" type="radio" name="974ed3c2-d8b5-4136-b02f-bde3c7955174" value="1">是</p> <p><input v-model="list3.guidance04" type="radio" name="974ed3c2-d8b5-4136-b02f-bde3c7955174" value="0">否</p></div></div></div></div>
            <div v-if="list2.guidance05 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【计划排程】 <span class="js">三级</span>
              应用信息化系统实现基于物料安全库存、销售订单、采购提前期、生产交期等多约束条件自动生成生产计划，并实现生产计划的下达与执行。
            </div> <div class="xx"><p><input v-model="list3.guidance05" type="radio" name="5ee7f6a7-17eb-402d-bc8b-50a431864adc" value="1">是</p> <p><input v-model="list3.guidance05" type="radio" name="5ee7f6a7-17eb-402d-bc8b-50a431864adc" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint06 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【生产管控】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              应用信息化系统对生产工单信息、工艺参数进行数据采集，实现对生产过程中工单、物料、设备等的管控，实现信息化系统与其他系统（如生产计划、质量或设备等）的协同，实现数据共享。
            </div> <div class="xx"><p><input v-model="list3.constraint06" type="radio" name="23c8d1b7-4ab9-4f1b-93a9-592878da4ae7" value="1">是</p> <p><input v-model="list3.constraint06" type="radio" name="23c8d1b7-4ab9-4f1b-93a9-592878da4ae7" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint07 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【质量管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              应用数字化检测设备及信息化系统实现关键工序质量检测，自动对检测结果判断和报警；或应用信息化系统实现对原材料、半成品、成品质量可追溯。
            </div> <div class="xx"><p><input v-model="list3.constraint07" type="radio" name="468719de-15e1-4882-b744-a71f26237d5f" value="1">是</p> <p><input v-model="list3.constraint07" type="radio" name="468719de-15e1-4882-b744-a71f26237d5f" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint08 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【设备管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              基于信息化系统实现设备关键运行参数数据的实时采集、故障分析和远程诊断，并依据设备关键运行参数等，实现设备综合效率（OEE）统计。
            </div> <div class="xx"><p><input v-model="list3.constraint08" type="radio" name="7f07ed65-3795-41e2-9c75-492f029fbc1f" value="1">是</p> <p><input v-model="list3.constraint08" type="radio" name="7f07ed65-3795-41e2-9c75-492f029fbc1f" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint09 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【安全生产】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              实现危险废物存储、运输的全流程信息化管理，实现安全生产风险实时报警，建立安全应急预案，实现安全事故处理与相关部门及时协同。
            </div> <div class="xx"><p><input v-model="list3.constraint09" type="radio" name="756b4695-bb2c-433d-a0e0-ed6dfc0e74ca" value="1">是</p> <p><input v-model="list3.constraint09" type="radio" name="756b4695-bb2c-433d-a0e0-ed6dfc0e74ca" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint10 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【能耗管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              应用信息化系统或平台，实时采集和管理水、电、气、液以及影响设备能耗的关键数据，实现设备能耗的监测分析与相关部门协同管控优化。
            </div> <div class="xx"><p><input v-model="list3.constraint10" type="radio" name="70d6c745-149e-401c-bc82-ec74c2fe668b" value="1">是</p> <p><input v-model="list3.constraint10" type="radio" name="70d6c745-149e-401c-bc82-ec74c2fe668b" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint11 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【采购管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              实现供应商管理、询报比价、采购计划、采购执行的全过程管理，实现应用采购信息化系统与生产、仓储、财务等信息化系统的数字化协同。
            </div> <div class="xx"><p><input v-model="list3.constraint11" type="radio" name="f134d98f-508f-4637-afe4-18c33b246487" value="1">是</p> <p><input v-model="list3.constraint11" type="radio" name="f134d98f-508f-4637-afe4-18c33b246487" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint12 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【仓储物流】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              实现仓储管理信息化系统与生产、采购、财务等信息化系统的数字化协同。
            </div> <div class="xx"><p><input v-model="list3.constraint12" type="radio" name="e631a2f0-035f-474e-a571-efe821ee232b" value="1">是</p> <p><input v-model="list3.constraint12" type="radio" name="e631a2f0-035f-474e-a571-efe821ee232b" value="0">否</p></div></div></div></div>
            <div v-if="list2.constraint13 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【财务管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">三级</span>
              实现业务数据与财务管理的协同，能支持企业的管理会计核算，实现通过财务的分析辅助决策，帮助企业快速掌握资产、负债、收入、成本、盈利能力等变动和使用情况，实现资产的优化配置和利用。
            </div> <div class="xx"><p><input v-model="list3.constraint13" type="radio" name="e35d9f56-7a70-4be2-9158-6062d55fd550" value="1">是</p> <p><input v-model="list3.constraint13" type="radio" name="e35d9f56-7a70-4be2-9158-6062d55fd550" value="0">否</p></div></div></div></div>
            <div v-if="list2.guidance14 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【人力资源】 <span class="js">三级</span>
              利用人力资源数据分析工具进行关键指标分析，数据驱动人力资源战略规划和决策制定。
            </div> <div class="xx"><p><input v-model="list3.guidance14" type="radio" name="2a3c364d-8e98-4351-8e52-6066ad28d0cd" value="1">是</p> <p><input v-model="list3.guidance14" type="radio" name="2a3c364d-8e98-4351-8e52-6066ad28d0cd" value="0">否</p></div></div></div></div>
            <div v-if="list2.guidance15 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【协同办公】 <span class="js">三级</span>
              应用协同平台实现与财务、采购、生产、项目管理等专业业务管理系统集成，实现数据共享和业务流程的无缝对接，且利用移动工具，提升跨部门协作效率和响应速度。
            </div> <div class="xx"><p><input v-model="list3.guidance15" type="radio" name="5f520b1d-7ad7-4ac8-96d2-853a4a7b516d" value="1">是</p> <p><input v-model="list3.guidance15" type="radio" name="5f520b1d-7ad7-4ac8-96d2-853a4a7b516d" value="0">否</p></div></div></div></div>
            <div v-if="list2.guidance16 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【决策支持】 <span class="js">三级</span>
              利用数据驱动平台针对特定业务场景（如工艺设计、报价策略、生产计划、变更管理等）实施数据模拟与效能优化，助力决策者精准评估并采纳最佳实践方案。
            </div> <div class="xx"><p><input v-model="list3.guidance16" type="radio" name="ea57e825-f4e3-438d-95f7-7e46f2fa3bdd" value="1">是</p> <p><input v-model="list3.guidance16" type="radio" name="ea57e825-f4e3-438d-95f7-7e46f2fa3bdd" value="0">否</p></div></div></div></div></div>
          <div style="text-align: center;margin-top: 25px"><el-button type="primary" @click="next3to2()">上一步</el-button><el-button type="primary" @click="next3to4()">下一步</el-button></div>
        </div>
        <div v-if="pageNo == '4'">
          <div class="conten_sec" style="width: 100%;"><div class="tit_top"><div class="con"> <div class="box"> <div class="ms">请结合贵单位自身数字化转型真实情况进行评估，如对应场景符合下列描述，请选择“是”，如不符合，请选择“否”。</div></div></div></div>
            <div v-if="list3.constraint01 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【产品设计】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              运用仿真分析等技术实现对产品外观、结构、性能等进行试验验证或迭代优化等功能，并实现产业链上下游间的多方信息交互、协同设计或产品创新。
            </div> <div class="xx"><p><input v-model="list4.constraint01" type="radio" name="1b2208aa-2b14-4c21-a271-19ac98a29f4c" value="1">是</p> <p><input v-model="list4.constraint01" type="radio" name="1b2208aa-2b14-4c21-a271-19ac98a29f4c" value="0">否</p></div></div></div></div>
            <div v-if="list3.guidance02 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【工艺设计】  <span class="js">四级</span>
              建立数据模型，基于质量、成本等数据运用三维仿真等技术实现对于工艺设计的模拟仿真、迭代优化。
            </div> <div class="xx"><p><input v-model="list4.guidance02" type="radio" name="8f5c106a-7438-4f17-9a1d-73ad23f3dd92" value="1">是</p> <p><input v-model="list4.guidance02" type="radio" name="8f5c106a-7438-4f17-9a1d-73ad23f3dd92" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint03 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【营销管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              使用人工智能等前沿技术，实现销售、财务、生产、供应链之间的数字化协同，实现实时销售预测，并自动或半自动制定采购、生产、物流等计划或方案，不断提升柔性化制造水平。
            </div> <div class="xx"><p><input v-model="list4.constraint03" type="radio" name="124b4b80-7f48-4245-8ea5-23c3f585fec3" value="1">是</p> <p><input v-model="list4.constraint03" type="radio" name="124b4b80-7f48-4245-8ea5-23c3f585fec3" value="0">否</p></div></div></div></div>
            <div v-if="list3.guidance04 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【售后服务】  <span class="js">四级</span>
              基于信息系统实现面向客户的精细化管理（如远程运维、主动式客户服务等内容）； 或建立客户服务数据模型，实现满足客户需求的精准服务。
            </div> <div class="xx"><p><input v-model="list4.guidance04" type="radio" name="8c169f76-0538-4162-bf7b-8acd6178177c" value="1">是</p> <p><input v-model="list4.guidance04" type="radio" name="8c169f76-0538-4162-bf7b-8acd6178177c" value="0">否</p></div></div></div></div>
            <div v-if="list3.guidance05 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【计划排程】  <span class="js">四级</span>
              运用人工智能等前沿技术，建立生产排产与调度算法模型，实现自动给出满足多种约束条件的优化排产方案，形成优化的详细生产作业计划，生产情况实时监测，提前处理生产过程中的波动和风险，实现动态实时的生产排产和调度。
            </div> <div class="xx"><p><input v-model="list4.guidance05" type="radio" name="64593b3d-6d07-4153-b510-6916728e9050" value="1">是</p> <p><input v-model="list4.guidance05" type="radio" name="64593b3d-6d07-4153-b510-6916728e9050" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint06 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【生产管控】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              运用人工智能等前沿技术建立生产运行监测预警算法模型，实现对生产过程中工艺参数、设备状态、生产过程等生产作业数据的在线分析与实时监测预警，并驱动生产过程的迭代优化与闭环管控，不断优化生产管理。
            </div> <div class="xx"><p><input v-model="list4.constraint06" type="radio" name="2c88eedd-faad-4898-a7e3-3f14554ff63f" value="1">是</p> <p><input v-model="list4.constraint06" type="radio" name="2c88eedd-faad-4898-a7e3-3f14554ff63f" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint07 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【质量管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              应用前沿技术（如视觉质检）开展产品质量检测，提升检测效率和检测水平，开展产业链上下游质量数据跨企业共享； 或构建产品质量管理模型，实现产品质量影响因素识别及缺陷预测性分析。
            </div> <div class="xx"><p><input v-model="list4.constraint07" type="radio" name="b4488d22-8ac8-4e0a-856c-1324e6510f35" value="1">是</p> <p><input v-model="list4.constraint07" type="radio" name="b4488d22-8ac8-4e0a-856c-1324e6510f35" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint08 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【设备管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              建立设备运行模型和设备故障知识库，实现设备故障自动预警及自动制定预测维护解决方案，并基于设备综合效率的分析等驱动工艺优化和生产作业计划优化。
            </div> <div class="xx"><p><input v-model="list4.constraint08" type="radio" name="8b058314-6431-4bd2-ba56-7ef3f687cb28" value="1">是</p> <p><input v-model="list4.constraint08" type="radio" name="8b058314-6431-4bd2-ba56-7ef3f687cb28" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint09 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【安全生产】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              基于安全作业、风险管控等数据的分析及建模，实现危险源的预防性管理、自动预警及响应处理。
            </div> <div class="xx"><p><input v-model="list4.constraint09" type="radio" name="dc689459-3f5e-467a-8b9e-a7d3465a6c3b" value="1">是</p> <p><input v-model="list4.constraint09" type="radio" name="dc689459-3f5e-467a-8b9e-a7d3465a6c3b" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint10 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【能耗管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              建立设备能耗监测与优化算法模型，实现设备能耗实时监测、能源转化效率分析、未来能耗预测及能源优化调度等。
            </div> <div class="xx"><p><input v-model="list4.constraint10" type="radio" name="ff37df02-36e0-41aa-a094-06c954f18555" value="1">是</p> <p><input v-model="list4.constraint10" type="radio" name="ff37df02-36e0-41aa-a094-06c954f18555" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint11 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【采购管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              运用人工智能等前沿技术，实现采购与内外部供应链之间的数字化协同，并实现供应链风险预警预测，动态优化采购策略和方案。
            </div> <div class="xx"><p><input v-model="list4.constraint11" type="radio" name="84c4bc77-7a88-46d6-8508-e2bf588007c2" value="1">是</p> <p><input v-model="list4.constraint11" type="radio" name="84c4bc77-7a88-46d6-8508-e2bf588007c2" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint12 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【仓储物流】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              使用人工智能等前沿技术，实现仓储物流与供应商库存或客户生产计划间的数字化协同，并能够自动实现物流计划的自动制定实施或厂内物料自动配送； 或按照产供销状况，实现智能仓储（如智能预测库存需求，自动调整库存补货策略等）及厂外智能物流（物流监测与策略优化）。
            </div> <div class="xx"><p><input v-model="list4.constraint12" type="radio" name="8727fcd5-d81a-4c34-8590-11bce5a03294" value="1">是</p> <p><input v-model="list4.constraint12" type="radio" name="8727fcd5-d81a-4c34-8590-11bce5a03294" value="0">否</p></div></div></div></div>
            <div v-if="list3.constraint13 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【财务管理】<span style="color: red; font-size: 24px;">*</span>  <span class="js">四级</span>
              实现企业内外部协同，实现企业财务管理全面智能化和数据驱动，并实现对企业未来的财务状况进行预测、规划和风险评估。
            </div> <div class="xx"><p><input v-model="list4.constraint13" type="radio" name="31f28fcf-4e0a-4d63-80fd-c493d661e4f9" value="1">是</p> <p><input v-model="list4.constraint13" type="radio" name="31f28fcf-4e0a-4d63-80fd-c493d661e4f9" value="0">否</p></div></div></div></div>
            <div v-if="list3.guidance14 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【人力资源】  <span class="js">四级</span>
              应用人工智能等前沿技术，实现个性化绩效管理、智能招聘与人才画像、个性化的培训和发展计划，支持战略性人才管理。
            </div> <div class="xx"><p><input v-model="list4.guidance14" type="radio" name="959ed480-6e23-4971-81fa-e497bd5241a4" value="1">是</p> <p><input v-model="list4.guidance14" type="radio" name="959ed480-6e23-4971-81fa-e497bd5241a4" value="0">否</p></div></div></div></div>
            <div v-if="list3.guidance15 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【协同办公】  <span class="js">四级</span>
              应用人工智能等前沿技术实现内部、外部数据的协同，在自动问答、智能推荐、智能预测分析和自适应工作流程等办公场景，组织员工在高度互联和智能化环境中实现无缝协作办公。
            </div> <div class="xx"><p><input v-model="list4.guidance15" type="radio" name="66e32631-57f6-44cb-b9e4-8ce6a1d2e11f" value="1">是</p> <p><input v-model="list4.guidance15" type="radio" name="66e32631-57f6-44cb-b9e4-8ce6a1d2e11f" value="0">否</p></div></div></div></div>
            <div v-if="list3.guidance16 == '1'" class="storeList"><div class="con_sec" style="width: 1100px; margin: 0px auto;"><div style="border-bottom: 1px dotted gray; padding: 20px 0px;"><div class="titie" style="line-height: 1.7;">
              【决策支持】  <span class="js">四级</span>
              运用人工智能等前沿技术整合企业内外部数据，构建智能化的预测、预警和决策模型，辅助管理层或业务人员进行智能化流程决策，挖掘数据背后的深层次规律和价值。
            </div> <div class="xx"><p><input v-model="list4.guidance16" type="radio" name="7b8d0f7f-ea34-4552-b29d-f3486c2b0310" value="1">是</p> <p><input v-model="list4.guidance16" type="radio" name="7b8d0f7f-ea34-4552-b29d-f3486c2b0310" value="0">否</p></div></div></div></div></div>
          <div style="text-align: center;margin-top: 25px"><el-button type="primary" @click="next4to3()">上一步</el-button><el-button type="primary" @click="submitForm()">提交</el-button></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { find, sceneAdd } from '@/api/digital.js'
export default {
  name: 'TestIndex',
  data() {
    return {
      pageNo: '0',
      isButtonEnabled: false,
      reportList: {},
      score: 0,
      activeSegment: 0,
      mainList: {
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: ''

      },
      list1: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '1'

      },
      list2: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '2'
      },
      list3: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '3'
      },
      list4: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '4'
      },
      list1a: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '1'

      },
      list2a: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '2'
      },
      list3a: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '3'
      },
      list4a: {
        digitizationId: '',
        constraint01: '',
        guidance02: '',
        constraint03: '',
        guidance04: '',
        guidance05: '',
        constraint06: '',
        constraint07: '',
        constraint08: '',
        constraint09: '',
        constraint10: '',
        constraint11: '',
        constraint12: '',
        constraint13: '',
        guidance14: '',
        guidance15: '',
        guidance16: '',
        grade: '4'
      },
      loading: false,
      accept: false,
      centerDialogVisible: false,
      standardName21: '',
      standardName22: '',
      standardName23: '',
      standardName24: '',
      standardName25: '',
      standardName1: '',
      standardName2: '',
      standardName3: '',
      standardName4: '',
      standardName5: '',
      regpro: false,
      word: '收起',
      showAll: true,
      word1: '收起',
      showAll1: true,
      word2: '收起',
      showAll2: true,
      word3: '收起',
      showAll3: true,
      word4: '收起',
      showAll4: true,
      word5: '收起',
      showAll5: true,
      word6: '收起',
      showAll6: true,
      word7: '收起',
      showAll7: true
    }
  },
  computed: {
    grade() {
      if (this.score >= 80) {
        return '四级(协同级)'
      } else if (this.score >= 60) {
        return '三级(集成级)'
      } else if (this.score >= 40) {
        return '二级(规范级)'
      } else if (this.score >= 20) {
        return '一级(初始级)'
      } else {
        return '无等级'
      }
    }
  },
  created() {
    if (this.$route.query.id) {
      var id = this.$route.query.id
      this.list1.digitizationId = id
      this.list2.digitizationId = id
      this.list3.digitizationId = id
      this.list4.digitizationId = id
    }
    this.getLevel()
  },
  mounted() {

  },
  methods: {
    checkFormValidity() {
      // 检查表单字段是否有填写

      if (Object.values(this.mainList).indexOf(true) === -1) {
        this.isButtonEnabled = false
      } else { this.isButtonEnabled = true }
    },
    getLevel() {
      const that = this
      find(this.$route.query).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          this.reportList = response.data
          this.score = Number(this.reportList.score)
          if (this.score >= 80) {
            this.activeSegment = 4
          } else if (this.score >= 60) {
            this.activeSegment = 3
          } else if (this.score >= 40) {
            this.activeSegment = 2
          } else if (this.score >= 20) {
            this.activeSegment = 1
          } else {
            this.activeSegment = 0
          }
          console.log(response.data)
        } else if (response.result === 3) {
          this.$router.push('/digitalTast/testIndex')
        } else {
          this.$router.push('/digitalTast/testIndex')
          that.$message({
            message: '加载失败', type: 'warning'
          })
        }
        this.loading = false
      }).catch(() => {
        this.loading = false
        this.$message({
          message: '加载失败', type: 'warning'
        })
        this.isDisabled = false
      })
    },
    submitFormPrevious() {
      this.$router.push('/entGeneralInformation')
    },
    resetForm(form) {
      this.$refs.infoForm.resetFields()
    },
    changeProductTypeCode(item) {
      this.productTypeName = this.$refs['cascaderAddr'].getCheckedNodes()[0].label
    },
    closeSearch(i) {
      this.groupId = i
      if (this.showAll === false) {
        this.showAll = true
        this.word = '收起'
      } else {
        this.showAll = false
        this.word = '展开'
      }
    },
    closeSearch1(i) {
      if (this.showAll1 === false) {
        this.showAll1 = true
        this.word1 = '收起'
      } else {
        this.showAll1 = false
        this.word1 = '展开'
      }
    },
    closeSearch2(i) {
      if (this.showAll2 === false) {
        this.showAll2 = true
        this.word2 = '收起'
      } else {
        this.showAll2 = false
        this.word2 = '展开'
      }
    },
    closeSearch3(i) {
      if (this.showAll3 === false) {
        this.showAll3 = true
        this.word3 = '收起'
      } else {
        this.showAll3 = false
        this.word3 = '展开'
      }
    },
    closeSearch4(i) {
      if (this.showAll4 === false) {
        this.showAll4 = true
        this.word4 = '收起'
      } else {
        this.showAll4 = false
        this.word4 = '展开'
      }
    },
    closeSearch5(i) {
      if (this.showAll5 === false) {
        this.showAll5 = true
        this.word5 = '收起'
      } else {
        this.showAll5 = false
        this.word5 = '展开'
      }
    },
    closeSearch6(i) {
      if (this.showAll6 === false) {
        this.showAll6 = true
        this.word6 = '收起'
      } else {
        this.showAll6 = false
        this.word6 = '展开'
      }
    },
    closeSearch7(i) {
      if (this.showAll7 === false) {
        this.showAll7 = true
        this.word7 = '收起'
      } else {
        this.showAll7 = false
        this.word7 = '展开'
      }
    },
    next0to1() {
      this.pageNo = '1'
      // this.cleanAdd(this.list1a)
      // this.cleanAdd(this.list2a)
      // this.cleanAdd(this.list3a)
      // this.cleanAdd(this.list4a)
    },
    cleanAdd(listNum) {
      sceneAdd(listNum).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
        } else {
          this.$message({
            message: '提交失败', type: 'warning'
          })
        }
        this.loading = false
      }).catch(() => {
        this.loading = false
        this.$message({
          message: '提交失败', type: 'warning'
        })
        this.isDisabled = false
      })
    },
    next1to0() {
      this.pageNo = '0'
    },
    next1to2() {
      sceneAdd(this.list1).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          console.log(Object.values(this.list1).indexOf('1'))
          if (Object.values(this.list1).indexOf('1') === 17) {
            this.$router.push({ path: '/digitalTast/report', query: { id: this.list1.digitizationId }})
          } else { this.pageNo = '2' }
        } else if (response.result === 2) {
          this.$message({
            message: '未完成第一部分', type: 'warning'
          })
          this.$router.push({ path: '/digitalTast/testIndex' })
        } else {
          this.$message({
            message: '提交失败', type: 'warning'
          })
        }
        this.loading = false
      }).catch(() => {
        this.loading = false
        this.$message({
          message: '提交失败', type: 'warning'
        })
        this.isDisabled = false
      })
    },
    next2to1() {
      this.pageNo = '1'
    },
    next2to3() {
      sceneAdd(this.list2).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          if (Object.values(this.list2).indexOf('1') === -1) {
            this.$router.push({ path: '/digitalTast/report', query: { id: this.list2.digitizationId }})
          } else { this.pageNo = '3' }
        } else if (response.result === 2) {
          this.$message({
            message: '未完成第一部分', type: 'warning'
          })
          this.$router.push({ path: '/digitalTast/testIndex' })
        } else {
          this.$message({
            message: '提交失败', type: 'warning'
          })
        }
        this.loading = false
      }).catch(() => {
        this.loading = false
        this.$message({
          message: '提交失败', type: 'warning'
        })
        this.isDisabled = false
      })
    },
    next3to2() {
      this.pageNo = '2'
    },
    next3to4() {
      sceneAdd(this.list3).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          if (Object.values(this.list3).indexOf('1') === -1) {
            this.$router.push({ path: '/digitalTast/report', query: { id: this.list3.digitizationId }})
          } else { this.pageNo = '4' }
        } else if (response.result === 2) {
          this.$message({
            message: '未完成第一部分', type: 'warning'
          })
          this.$router.push({ path: '/digitalTast/testIndex' })
        } else {
          this.$message({
            message: '提交失败', type: 'warning'
          })
        }
        this.loading = false
      }).catch(() => {
        this.loading = false
        this.$message({
          message: '提交失败', type: 'warning'
        })
        this.isDisabled = false
      })
    },
    next4to3() {
      this.pageNo = '3'
    },
    submitForm(form) {
      sceneAdd(this.list4).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          this.$message({
            message: '提交成功', type: 'success'
          })
          this.$router.push({ path: '/digitalTast/report', query: { id: this.list4.digitizationId }})
        } else if (response.result === 2) {
          this.$message({
            message: '未完成第一部分', type: 'warning'
          })
          this.$router.push({ path: '/digitalTast/testIndex' })
        } else {
          this.$message({
            message: '提交失败', type: 'warning'
          })
        }
        this.loading = false
      }).catch(() => {
        this.loading = false
        this.$message({
          message: '提交失败', type: 'warning'
        })
        this.isDisabled = false
      })
    }
  }
}
</script>

<style scoped>
.title2 {
  line-height: 40px;
  font-size: 20px;
  color: darkgray;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 20px;
}
  .checkboxL{
    width: 750px;
    line-height: 30px;
  }
</style>
<style>
.mainForm .el-form-item__label{
  /*width: 140px !important;*/
  text-align: left !important;
  background: #409eff;
  color: #ffffff;
  padding-left: 10px;
}
.mainForm .el260 .el-input{
  width: 260px !important;
}
.mainForm .el260 .el-form-item__label{
  margin-right: 5px !important;
}
.mainForm .el220 .el-input{
  width: 220px !important;
}
.zyh .el-form-item__label{
  width: 250px!important;
}
.zyh .el-form-item__content{
  margin-left: 250px !important;
  margin-right: 10px;
}
.zyhthx .el-form-item__label{
  width: 180px!important;
}
.zyhthx .el-form-item__content{
  margin-left: 180px !important;
  margin-right: 10px;
}
.zdcp  .el-form-item__label{
  width: 300px!important;
  margin-right: 30px !important;
}
.zdcp .el-form-item__content{
  margin-left: 331px !important;
}
.title3{
  color: #409eff;
  font-size: 22px;
  font-weight: bolder;
  text-align: right;
  margin-bottom: 10px;
}
.title3 div{
  float: left;
  width: 250px;
  text-align: center;
  margin-bottom: 10px;
}
.title4{
  color: #409eff;
  font-size: 22px;
  font-weight: bolder;
  text-align: right;
  margin-bottom: 10px;
}
.title4 div{
  float: left;
  width: 241px;
  text-align: center;
  margin-bottom: 10px;
}
.title5 {
  background: #0452a3;
  color: #ffffff;
  font-size: 16px;
  line-height: 45px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 30px;
  padding-left: 20px;
}
.area81 .el-textarea__inner{
  height: 81px;
}
.tsh  .el-form-item__label{
  width: 260px!important;
  margin-right: 5px !important;
}
.tsh .el-form-item__content{
  margin-left: 265px !important;
  margin-right: 10px;
}
.tsh .el-input{
  width: 241px !important;}
.tsh  .el-textarea__inner{
  height: 121px;
}
.shangxia {
  /*position: fixed;*/
  /*bottom: 0;*/
  margin: 30px auto;
  width: 1000px;
}
.shangxia .el-form-item__content{
  margin: auto !important;
  width: 370px;
  text-align: center;
}
.subRight{
  right: 5px;
  position: fixed;
  top: 130px;
  margin: auto;
}
.subRight .el-form-item__content{
  margin-left: 0px!important;;
  /*margin: auto !important;*/
  /*width: 1100px;*/
  text-align: right;}
.mainForm .el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 85%;
  word-break: break-all;
}
/*.mainForm input[] {*/
/*  -moz-appearance: textfield !important;*/
/*}*/
.mainForm input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none!important;
}
.a{flex-basis: 16% !important }
.b{flex-basis: 30% !important }
.el100p .el-form-item__label{
  width: 250px!important;
}
.el100p .el-form-item__content{
  margin-left: 250px !important;
  margin-right: 10px;
}
.el100p .el-input{
  margin-bottom: 5px;
}
.el100p2 .el-form-item__label{
  width: 180px!important;
}
.el100p2 .el-form-item__content{
  margin-left: 180px !important;
  margin-right: 10px;
}
.el100p2 .el-input{
  margin-bottom: 5px;
}
.suspend-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 76px;
  border-radius: 2px;
  background-color: #fff;
  padding: 0 0 20px 0;
}
.icon-name {
  margin-top: 4px;
  line-height: 18px;
  font-size: 12px;
  color: #666;
}
.listTab {
    background: #ffffff;
    /*width: 1150px;*/
    margin: auto;
}
  .listTab .tHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    border: 1px solid #dce6fe;
}
  .listTab .dj {
    width: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
  .listTab .cj {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
  .listTab .tBody .i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dce6fe;
    height: 35px;
    border-top: 0;
}
  .listTab .tBody .i div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    border-right: 1px solid #dce6fe;
}
  .listTab .tBody .i div:last-child {
    border-right: 0;
}
  .listTab .tHead div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #dce6fe;
    font-weight: 600;
}
  .cjList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #ccc;
}
  .cjList .cjItems:first-child {
    width: 297px;
}
  .cjList .cjItems .cjTitle {
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
  .cjList .cjItems .cjTitle, .cjList .cjItems .cjZjBox .name, .cjList .cjItems .cjZjBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cjList .cjItems .cjZjBox .name {
    padding: 20px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
  .cjList .cjItems .cjTitle, .cjList .cjItems .cjZjBox .name, .cjList .cjItems .cjZjBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
  .cjList .cjItems .cjZjBox .name span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 90px;
}
  element.style {
    color: red;
    font-size: 20px;
    margin-top: 5px;
}
  .cjList .cjItems .cjZjBox .name input {
    width: 16px;
    height: 16px;
}
  input {
    outline: none;
}
  .cjList .cjItems:nth-child(2) {
    width: 445px;
}
    .cjList .cjItems:nth-child(3) {
    width: 149px;
}
      .cjList .cjItems:nth-child(4) {
    width: 297px;
}
  .msgs {
    margin: 20px 0;
    color: red;
    font-size: 14px;
}
  .listTab .tHead div:last-child {
    border-right: 0;
}
  .xx, .xx p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xx {
    padding-left: 20px;
    margin: 20px 0;
}
  .xx p input {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}.xx p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}
  .js{
  color: rgb(77, 129, 255); font-weight: 600;
  }
</style>
